<?php defined('IN_PHPCMS') or exit('No permission resources.'); ?><!doctype html>
<!--[if lt IE 7 ]> <html class="ie6 lazy " lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7 lazy " lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8 lazy " lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9 lazy " lang="en"> <![endif]-->
<html>
<head>
<meta charset="UTF-8">
<title>华农国际教育学院(英文版)</title>
<link href="<?php echo CSS_PATH;?>common.css" rel="stylesheet" >
<link href="<?php echo CSS_PATH;?>index_en.css" rel="stylesheet" >
</head>

<body>
<div id="box">
<header>
<div id="header" class="w1000 mc">
   <a href="#">
   <div class="logo">
      <img src="<?php echo IMG_PATH;?>logo.png">
   </div>
   <div class="logo_txt fl">
      <img src="<?php echo IMG_PATH;?>logo_txt.png">
   </div>
   </a>
   <div class="header_l fr">
      <div class="language fr">
         <a class="cn fl" href="http://localhost:888/install_package/" title="中文版">中文</a>
         <a class="en fr" href="http://localhost:888/install_package/index.php?m=content&c=index&a=lists&catid=114#" title="ENGLISH">ENGLISH</a>
         <div class="clear"></div>
      </div>
      <div class="clear"></div>
      <div class="search">
      <form action="#">
         <input class="search_input fl" type="text">
         <input class="search_btn fr" type="submit" value="">
         <div class="clear"></div>
      </form>
      </div>
   </div>
   <div class="clear"></div>
</div>
</header>

<nav>
<div id="nav" class="w100p">
   <ul class="nav w1000 mc">
      
         <?php if(defined('IN_ADMIN')  && !defined('HTML')) {echo "<div class=\"admin_piao\" pc_action=\"content\" data=\"op=content&tag_md5=b43f1459ac702900c8d44c91a5e796dd&action=category&catid=0&num=25&siteid=%24siteid&order=listorder+ASC\"><a href=\"javascript:void(0)\" class=\"admin_piao_edit\">编辑</a>";}$content_tag = pc_base::load_app_class("content_tag", "content");if (method_exists($content_tag, 'category')) {$data = $content_tag->category(array('catid'=>'0','siteid'=>$siteid,'order'=>'listorder ASC','limit'=>'25',));}?>

    <li><a href="<?php echo siteurl($siteid);?>"><span>Homepage</span></a></li>
    <?php $n=1; if(is_array($data)) foreach($data AS $k => $v) { ?>

    <li><a href="<?php echo $v['url'];?>"><?php echo $v['catname'];?>
    </a>

    <ul>
    <?php if(defined('IN_ADMIN')  && !defined('HTML')) {echo "<div class=\"admin_piao\" pc_action=\"content\" data=\"op=content&tag_md5=f90c26483c17bf0b2e5b6e7ae85c5f81&action=category&catid=%24k&num=25&siteid=%24siteid&order=listorder+ASC\"><a href=\"javascript:void(0)\" class=\"admin_piao_edit\">编辑</a>";}$content_tag = pc_base::load_app_class("content_tag", "content");if (method_exists($content_tag, 'category')) {$data = $content_tag->category(array('catid'=>$k,'siteid'=>$siteid,'order'=>'listorder ASC','limit'=>'25',));}?>
    <?php $n=1;if(is_array($data)) foreach($data AS $r) { ?>
    <li><a href="<?php echo $r['url'];?>"><?php echo $r['catname'];?></a></li>
    <?php $n++;}unset($n); ?>
    <?php if(defined('IN_ADMIN') && !defined('HTML')) {echo '</div>';}?>
      <div class="clear"></div>
      <?php $n++;}unset($n); ?>
    <?php if(defined('IN_ADMIN') && !defined('HTML')) {echo '</div>';}?>
   </ul>
</div>
</nav>

<section>
<div id="banner" class="mc w1000">
   <ul class="bigpic">
      <li>
         <a href="#">
             <img src="<?php echo IMG_PATH;?>banner1.jpg" width="1000" height="343" alt="">
             <p>South China Agricultural University rain Arkansas State University cooperation to open MBA project</p>
         </a>
      </li>
      <!--<li>
         <a href="#">
             <img src="<?php echo IMG_PATH;?>banner2.jpg" width="1000" height="343" alt="">
             <p>222South China Agricultural University rain Arkansas State University cooperation to open MBA project</p>
         </a>
      </li>
      <li>
         <a href="#">
             <img src="<?php echo IMG_PATH;?>banner3.jpg" width="1000" height="343" alt="">
             <p>333South China Agricultural University rain Arkansas State University cooperation to open MBA project</p>
         </a>
      </li>-->
   </ul>
   <!--<ul class="doc">
      <li></li>
      <li></li>
      <li></li>
      <div class="clear"></div>
   </ul>-->
</div>
</section>

<section>
<div id="index_main_en" class="w1000 mc">
   <div class="index_list_en fl">
      <div class="index_list_t_en">
          <h2>NEWS</h2>
          <a href="#">MORE</a>
      </div>
      <div class="picroll_en">
          <ul>
             <li><a href="#"><img src="<?php echo IMG_PATH;?>index_en_03.png"></a></li>
             <li><a href="#"><img src="<?php echo IMG_PATH;?>index_en_04.png"></a></li>
             <li><a href="#"><img src="<?php echo IMG_PATH;?>index_en_03.png"></a></li>
             <li><a href="#"><img src="<?php echo IMG_PATH;?>index_en_04.png"></a></li>
             <li><a href="#"><img src="<?php echo IMG_PATH;?>index_en_03.png"></a></li>
          </ul>
          <div class="clear"></div>
      </div>
   </div>
   <div class="index_list_en fr">
      <div class="index_list_t_en">
          <h2>NEWS & EVENTS</h2>
          <a href="#">MORE</a>
      </div>
      <ul>
         <li><a href="#">Application Guidance for Guangdong Government Outstanding Inte
rnational Student Scholarship New Student Program 2015 in South 
China Agricultural University (SCAU)</a></li>
         <li><a href="#">The Application of Chinese Language Program</a></li>
         <li><a href="#">Chinese Language Program</a></li>
         <li><a href="#">Get-together Party with Canadian Teachers & Students</a></li>
         <li><a href="#">The Application of Chinese Language Program</a></li>
         <li><a href="#">The Application of Chinese Language Program</a></li>
      </ul>
   </div>
   <div class="clear"></div>
   <!--第一排↑，第二排↓-->    
   <div class="index_list_en fl">
      <div class="index_list_t_en">
          <h2>Programs</h2>
          <a href="#">MORE</a>
      </div>
      <ul>
         <li><a href="#">Application Guidance for Guangdong Government Outstanding Inte
rnational Student Scholarship New Student Program 2015 in South 
China Agricultural University (SCAU)</a></li>
         <li><a href="#">The Application of Chinese Language Program</a></li>
         <li><a href="#">Chinese Language Program</a></li>
         <li><a href="#">Get-together Party with Canadian Teachers & Students</a></li>
         <li><a href="#">The Application of Chinese Language Program</a></li>
         <li><a href="#">The Application of Chinese Language Program</a></li>
      </ul>
   </div>
   <div class="index_list_en fr">
      <div class="index_list_t_en">
          <h2>Announcement</h2>
          <a href="#">MORE</a>
      </div>
      <ul>
         <li><a href="#">Application Guidance for Guangdong Government Outstanding Inte</a></li>
         <li><a href="#">The Application of Chinese Language Program</a></li>
         <li><a href="#">Chinese Language Program</a></li>
         <li><a href="#">Get-together Party with Canadian Teachers & Students</a></li>
         <li><a href="#">The Application of Chinese Language Program</a></li>
         <li><a href="#">The Application of Chinese Language Program</a></li>
      </ul>
   </div>
   <div class="clear"></div>
</div>
</section>


<footer>
<div id="footer" class="w100p">
   <div class="footer w1000 mc">
       <p>SCAU Copyright ©  South China Agricultural University .All rights reserved. </p>
       <!--<p>地址:广东省天河区五山路486号 邮编:510642 </p>-->
       <p><span>Tel:+8620 85283482</span> <span>+8620 38675621</span> <span>Fax:+8620 85283114</span> <span>E-Mail:cie@scau.edu.cn</span></p>
       <a href="#">Management</a>
   </div>
</div>
</footer>
</div>

<script src="<?php echo JS_PATH;?>jquery.min.js"></script> 
<script>
$(function(){
	//幻灯片轮播
	var aImg = $('.bigpic li');	
	var aDoc = $('.doc li');
	var iSize = aImg.length;		
	var index = 0;		
	var t;
	
	aImg.css({'opacity':0,'z-index':1});
	aImg.eq(0).css({'opacity':1,'z-index':2});
	aDoc.eq(0).css('background-color','#741d0f');
	//切换过程
	function change(index){
		aImg.stop();
		//隐藏除了当前元素，所以图像
		aImg.eq(index).siblings().animate({
			opacity:0
		},1000,function(){
		   aImg.eq(index).siblings().css('z-index',1)	
		})
		aDoc.eq(index).siblings().css('background-color','#fff');
		//显示当前图像
		aImg.eq(index).animate({
			opacity:1
		},1000,function(){
			aImg.eq(index).css('z-index',2);
		})
		aDoc.eq(index).css('background-color','#741d0f');
	}
	function autoshow() {
		index=index+1;
		if(index<iSize){
		   change(index);
		}else{
			index=0;
			change(index);
		}	
	}
	
	var int=setInterval(autoshow,5000);
	
	$('.banner').mouseenter(function() {
		clearInterval(int);
	});
	$('.banner').mouseleave(function() {
		int=setInterval(autoshow,5000);
	});
	
	aDoc.click(function(){
	   change(aDoc.index(this));
    });
	
	//图片滚动
	var oRoll = $('.picroll_en');
	var oRollUl = $('.picroll_en ul');
	
	var i = 0;
	var html = oRollUl.html() + oRollUl.html();
	oRollUl.html(html);
     
	var arrow = 'left';
	
	$('.al').click(function(){
	   	arrow = 'left';
	});
	$('.ar').click(function(){
	   	arrow = 'right';
	});
	
	function roll(){
		if(arrow == 'left'){
		   i--;	
		   oRollUl.css('margin-left',i)
		   if(i <= -aRollLi.width()*aRollLi.length/2){
				i = 0;
		   }
		}else if(arrow == 'right'){
		   i++;	
		   oRollUl.css('margin-left',i)
		   if(i >= 0){
			  i = -aRollLi.width()*aRollLi.length/2;
	       }
		}
    };
	
	var aRollLi = $('.picroll_en ul li');
	roll();
	var timer = setInterval(roll,20);
	
	oRoll.mouseenter(function() {
		clearInterval(timer);
	});
	oRoll.mouseleave(function() {
		timer = setInterval(roll,20);
	});
});
</script>
</body>
</html>
